<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<!-- The HTML 4.01 Transitional DOCTYPE declaration-->
<!-- above set at the top of the file will set     -->
<!-- the browser's rendering engine into           -->
<!-- "Quirks Mode". Replacing this declaration     -->
<!-- with a "Standards Mode" doctype is supported, -->
<!-- but may lead to some differences in layout.   -->

<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">

    <!--                                                               -->
    <!-- Consider inlining CSS to reduce the number of requested files -->
    <!--                                                               -->
    <link type="text/css" rel="stylesheet" href="Spiral.css">

    <!--                                           -->
    <!-- Any title is fine                         -->
    <!--                                           -->
    <title>Web Application Starter Project</title>
    
    <!--                                           -->
    <!-- This script loads your compiled module.   -->
    <!-- If you add any GWT meta tags, they must   -->
    <!-- be added before this line.                -->
    <!--                                           -->
    <script type="text/javascript" language="javascript" src="spiral/spiral.nocache.js"></script>
  </head>

  <!--                                           -->
  <!-- The body can have arbitrary html, or      -->
  <!-- you can leave the body empty if you want  -->
  <!-- to create a completely dynamic UI.        -->
  <!--                                           -->
  <body>

    <!-- OPTIONAL: include this if you want history support -->
    <iframe src="javascript:''" id="__gwt_historyFrame" tabIndex='-1' style="position:absolute;width:0;height:0;border:0"></iframe>

    <h1>Spiral Carousel Demo</h1>
	<div id="carouselDiv"></div>
	<p>
		Spin the carousel by dragging the mouse. Click on a photo to bring it to the front.
		Clicking on the front photo opens it up full-size.
	</p>
	<p>
		Change the photos in the carousel by entering photo information in the box below.
		Each line is on photo. The line starts with the image url, and any text after the
		first space will be the caption.
	</p>
	<textarea id="photoData" rows="10" cols="80">
spiral/sample1.jpg Photo 1
spiral/sample2.jpg Photo 2
spiral/sample3.jpg Photo 3
spiral/sample4.jpg Photo 4
spiral/sample5.jpg Photo 5
spiral/sample6.jpg Photo 6
spiral/sample7.jpg Photo 7
spiral/sample8.jpg Photo 8
spiral/sample9.jpg Photo 9
spiral/sample1.jpg Photo 10
spiral/sample11.jpg Photo 11
spiral/sample12.jpg Photo 12
spiral/sample13.jpg Photo 13
spiral/sample14.jpg Photo 14
spiral/sample15.jpg Photo 15
spiral/sample16.jpg Photo 16
spiral/sample17.jpg Photo 17
spiral/sample18.jpg Photo 18
spiral/sample19.jpg Photo 19
spiral/sample20.jpg Photo 20
spiral/sample21.jpg Photo 21
spiral/sample22.jpg Photo 22
spiral/sample23.jpg Photo 23
spiral/sample24.jpg Photo 24
spiral/sample25.jpg Photo 25
	</textarea>
	<button href="#" id="submitPhotoData">Update Photos</button>
  </body>
</html>
